<!-- 表格属性
    border=""       边框 （不填值，边框外部没有阴影，填写值，阴影宽度）
    cellpadding=""      单元格内容与单元格边框的间距
    cellspacing=""      单元格与单元格的间距
    border=""       表格形式
    rowspan=""      调整单元格高
    colspan=""      调整单元格宽
    width="%"       整体宽度
-->






<!-- 媒体属性

    href=""       跳转地址
                            为空则刷新页面
                            网址
                            本地路径
                            锚点  (#某标签的id)

    target=""      打开方式
                                _blank      在新窗口打开 
                                _self       在当前窗口打开
                                _parent     在框架页面的父框架中打开
                                _top        在整个浏览器窗口中打开，会跳出所有框架


    图片img    
                    <img src="地址" alt="错误提示" width="30%" height="120" title="派大星" >
            src     指定图像源路径
            alt     错误提示
            width   图像宽
            height  图像高
            title   图像名  （鼠标停放在图像上，会显示图像名）



    音频audio
                    <audio src="地址" controls autoplay loop ></audio>
        src         指定音频源路径
        controls    显示播放按钮
        autoplay    自动播放
        loop        循环播放



    视频video
                    <video src="本地地址" controls autoplay loop ></video>
        src         指定视频源路径
        controls    显示播放按钮
        autoplay    自动播放
        loop        循环播放
-->






<!-- 表单属性

    action=""       指定数据提交的目标地址      (url，网址，本地路径)
                    空      当前页面网址
                    GET:    http://httpbin.org/get
                    POST:   http://httpbin.org/post

    
    method=""       指定数据提交的提交方式      (GET,POST   不写默认GET)
                    空      为空默认为GET
                    get     多用于获取数据
                    post    多用于修改数据

    type=""        输入框类型   (一般用于input中)
                    text        普通文本
                    password    密码
                    radio       单选
                    checkbox    多选
                    submit      提交
                    reset       全部清空为默认值
    
    for=""          建立表单关联
                    (值必须与id值一致)

    id=""           数据的唯一标识
                    （不能重复）
    
    name=""         标识数据提交时的名称
                    （所有需要提交的数据----必须加上）
                    （服务端需要通过名称来获取对应的值）

    value=""        表单元素的值
                    (不需要手动输入内容的标签----必须加上)
    
    require=""      指定为非空必填，不填无法提交且会提醒用户填写

    autocomplete="on"       自动完成，自动保存（默认on开启，手动off关闭）


    checked         选择框中默认选中内容
    selected        下拉框中默认选中内容
    placeholder     输入框提示信息
    rows            输入框行数
    cols            输入框列数

-->






<!-- 框架属性
    src                 指定嵌入页面的地址
                        （url，网址，本地路径）

    scrolling="on"       控制滚动条
                        （默认on开启，手动off关闭）

    frameborder         边框

    width               嵌入页面的宽
    height              嵌入页面的高

-->






<!-- 全局属性

    style="color:颜色;"     字体颜色    
    style="background-color=颜色"   字体背景颜色
                       style="color:颜色; background-color=颜色;"

    id=""       唯一标识（不可重复）
    class=""        类（1个元素可以有多个类）

    datetime=""     日期时间

-->





<!-- 技巧

    多行创建        指令>指令*n>{文本内容$}     
                ($自动生成序号，从1开始)
    

    多行创建同级标签        标签+标签
    

    id      标签.标签
    类      标签#标签

-->








<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>属性</title>
</head>
<body>




<p>id属性</p> 
<span id="span1">span1</span>
<span id="span2">span2</span>
<span id="span3">span3</span>


<p>class属性</p>
<span class="span1">span1</span>
<span class="span2">span2</span>
<span class="span3">span3</span>
<span class="span span1">span1</span>
<span class="span span2">span2</span>
<span class="span span3">span3</span>



<p>style属性</p>
<span style="color: red; background-color: blue;">span1</span>
<span style="color: yellow; background-color: purple;">span2</span>
<span style="color: blue; background-color: red;">span3</span>



</body>
</html>




























